<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/default.min.css">
<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/highlight.min.js"></script>

<!-- and it's easy to individually load additional languages -->
<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/languages/go.min.js"></script>

<script>hljs.highlightAll();</script>
{% for message in messages %}
<div class="message">
    <p><strong>Time: </strong>{{ message.time }}</p>
    <p><strong>Sender: </strong>{{ message.sender }}</p>
    <p><strong>Receiver: </strong>{{ message.receiver }}</p>
    <p><strong>Content: </strong><br />
        <pre><code>{{ message.content }}</code></pre>
    </p>
</div>
{% endfor %}